const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
  lintOnSave: false,
  transpileDependencies: true,
  // 减少首屏时间,不生成map文件
  productionSourceMap: false,
  // 排除第三方包
  configureWebpack: {
    // externals: {
    //   axios: 'axios'
    // }
  },
  // 反响代理
  devServer: {
    // 启动后自动打开浏览器
    open: true,
    proxy: {
      '/prod-api': {
        target: 'http://13.127.176.222:9076', // 测试服务器
        ws: true,
        changeOrigin: true, // 开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
        pathRewrite: { '^/prod-api': '' } // 这里重写路径
      }
    }
  },
  css: {
    loaderOptions: {
      sass: {
        sassOptions: {
          outputStyle: 'expanded'
        }
      }
    }
  },
  chainWebpack: config => {
    config.module
      .rule('html')
      .test(/\.html$/)
      .use('html-loader')
      .loader('html-loader')
  }
})
